<%@ page import="org.sky.autoconfigure.factory.SkyPropertiesFactory" %>
<%@ page language="java" pageEncoding="UTF-8"%>
<%@include file="/view/inc/include.jsp"%>
<!DOCTYPE html>
<html>
<head>
    <!-- 放在第一行 兼容低版本IE-->
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta charset="UTF-8">
    <title><%=SkyPropertiesFactory.getSkyProperties().getProductName() %></title>
    <!--好像必须16*16-->
    <link rel="shortcut icon" href="${basepath}static/favicon.ico" type="image/x-icon"/>
    <script type="text/javascript" src="${basepath}view/main/main.js"></script>
    <script type="text/javascript">
        $(function() {
            initNavMenu();
            createWorkbench();
            addTabMenuEventListener();
            (new Clock()).display($('#clock')[0]);
        });
    </script>
    <style type="text/css">
        .logo{
            position: absolute;
            transition: width .3s ease-in-out;
            display: block;
            height: 50px;
            font-size: 20px;
            line-height: 50px;
            text-align: center;
            width: 200px;
            overflow: hidden;
        }
        .logo-title{
            height: 50px;
            font-size: 20px;
            line-height: 50px;
            text-align: center;
            width: 200px;
            padding: 0 15px;
            font-weight: 600;
            overflow: hidden;
            color: #FFFFFF;
        }
    </style>
</head>
<body>
<div class="easyui-layout" data-options="fit:true"
     style="width: 100%;height: 100%">
    <div data-options="region:'north',border:false"
         style="height:50px;background-color: #17937F">
        <div class="logo">
            <span class="logo-title"><%=SkyPropertiesFactory.getSkyProperties().getProductName() %></span>
        </div>
        <div class="top-toolbar">
            <a href="#" alt="修改密码" title="修改密码"  onclick="updatePwd()">
                修改密码
            </a>
            |<a href="#" alt="退出" title="退出" onclick="logout()">
                退出
            </a>
        </div>
    </div>
    <div data-options="region:'west'" title="系统导航" iconCls='icon-root'
         style="width:200px">
        <div class="easyui-accordion" id='navmenu' data-options="border:false,fit:true">
        </div>
    </div>
    <div id="mainPanle" data-options="region:'center',border:false">
        <div id="tabs" class="easyui-tabs mainTab"  fit="true"
             data-options="border:false,fit:true">
        </div>
    </div>
    <div data-options="region:'south'" style="height:18px;background-color: #FBFBFB">
        <div style="float: left; ">
			<span>
				<c:out value="${LoginUserMsg}"></c:out>
			</span>
        </div>
        <div style="float: right; ">
            <span id='clock' ></span>&nbsp;
        </div>
    </div>
</div>
<div id="mm" class="easyui-menu">
    <div data-options="iconCls:'icon-arrow_refresh'" id="mm-tabupdate">刷新</div>
    <div class="menu-sep"></div>
    <div data-options="iconCls:'icon-decline'" id="mm-tabclose">关闭</div>
    <div data-options="iconCls:'icon-decline'" id="mm-tabcloseother">关闭其他</div>
    <div data-options="iconCls:'icon-decline'" id="mm-tabcloseall">关闭全部</div>
    <div data-options="iconCls:'icon-decline'" id="mm-tabcloseright">关闭右侧全部</div>
    <div data-options="iconCls:'icon-decline'" id="mm-tabcloseleft">关闭左侧全部</div>
    <div class="menu-sep"></div>
    <div data-options="iconCls:'icon-user_go'" id="mm-exit">退出</div>
</div>
</body>
</html>